.main { padding-top: 43px; }
/*navi*/
.navi { background: url(http://p3.qhimg.com/d/360browser/20120928/naviBg.gif) repeat-x; height: 38px; line-height: 38px; margin-bottom: 34px; }
.navi td { border: 1px solid #e8e8e8; border-top: 0; border-bottom: 0; text-align: center; }
.navi td a { color: #777; display: block; font-size: 14px; font-family: Tahoma; }
.navi td a:hover { text-decoration: none; }
.navi td a.cur, .navi td div.cur{ background: #fff; border-top: 1px solid #35c4fd; height: 37px; line-height: 37px; font-weight: 700; }
.pos-box a.search-btn, .pos-box a.custom-btn { font-size: 12px; display: inline-block; *display:inline;
zoom: 1; vertical-align: -5px; position: relative; padding-left: 34px; }
.pos-box a em { border: 4px solid #fbfbfb; border-top-color: #bdbdbd; display: inline-block; *display:inline;
zoom: 1; vertical-align: -1px; line-height: 0; font-size: 0; position: absolute; right: 0; top: 7px; }
.pos-box a.search-btn { background: url(http://p3.qhimg.com/d/360browser/20120928/schIcon-b.png) no-repeat 0 1px; height: 18px; line-height: 18px; }
.pos-box a.custom-btn { background: url(http://p3.qhimg.com/d/360browser/20120928/styleIcon-b.png) no-repeat 0 1px; height: 18px; line-height: 18px; }
.pos-box { position: relative; z-index: 3; }
.pos-box span { border: 1px solid #d6d6d6; border-bottom-color: #fbfbfb; position: absolute; left: -1px; top: 0; *top:-10px;
height: 36px; width: 100%; cursor: pointer; opacity: 0; filter: Alpha(opacity=0); z-index: 4; }
.hover a.search-btn { background: url(http://p3.qhimg.com/d/360browser/20120928/schIcon-b.png) no-repeat 0 -53px !important; }
.hover a.custom-btn { background: url(http://p3.qhimg.com/d/360browser/20120928/styleIcon-b.png) no-repeat 0 -53px !important; }
.hover a em { border-top: none; border-bottom-color: #bdbdbd; vertical-align: 4px; }
.hover span { opacity: 1; filter: Alpha(opacity=100); }
.hover .search-box { display: block; }
.search-box { position: absolute; right: -1px; top: 37px; border: 1px solid #d6d6d6; background: #fbfbfb; padding: 5px; width: 268px; *top:27px;
display: none; z-index: 3; }
.search-box input { float: left; border: 1px solid #d6d6d6; }
.sch-txt { width: 201px; padding: 5px 4px; box-shadow: inset 0 0 2px #d6d6d6; outline: none; border-radius: 3px 0 0 3px; color: #666; }
.sch-btn { background: url(http://p3.qhimg.com/d/360browser/20120928/btnbg03.gif) repeat-x; height: 28px; text-align: center; border-left: 0 !important; width: 57px; border-radius: 0 3px 3px 0; color: #5c5c5c; cursor:pointer;}
.more { width: 157px; line-height: 18px; padding: 12px; }
.more p { text-align: left; color: #999; }
.more a.more-btn { color: #fff; font-size: 12px; float: right; }
.more-btn { display: inline-block; *display:inline;
zoom: 1; background: url(http://p3.qhimg.com/d/360browser/20120928/btn02.gif) no-repeat; width: 65px; font-family: tahoma; height: 20px; color: #fff; font-size: 12px; text-align: center; box-shadow: 0 2px 0 #ececec; border-radius: 2px; }
/*sort-list*/
 .search-tips,.sort-list { color: #b2b2b2; margin-bottom: 25px; padding-left: 9px; }
.sort-list a { padding: 0 15px; color: #777; }
.sort-list a:first-child { margin-left: -15px; }
.sort-list a.cur { font-weight: 700; }
.sort-list a:hover { text-decoration: none; }
.search-tips span{font-weight: 700;color:#777;padding:0px;}
/*extend-list*/
.extend-list { padding-bottom: 88px; overflow:auto;height:600px;}
.extend-list ul:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.extend-list ul { zoom: 1;  position: relative; z-index: 1; }
/*webkit scrollbar*/
.extend-list::-webkit-scrollbar-track-piece,.ext-info::-webkit-scrollbar-track-piece {
background:#fff;
border-radius:0;
}
.extend-list::-webkit-scrollbar,.ext-info::-webkit-scrollbar {
width:9px;
height:9px;
}
.extend-list::-webkit-scrollbar-thumb:vertical,.ext-info::-webkit-scrollbar-thumb:vertical {
height:9px;
background:#d9d9d9;
border-radius:12px;
}
.extend-list::-webkit-scrollbar-thumb:hover,.ext-info::-webkit-scrollbar-thumb:hover {
height:9px;
background:#ccc;
border-radius:12px;
}
.extend-list::-webkit-scrollbar-thumb:horizontal,.ext-info::-webkit-scrollbar-thumb:horizontal {
width: 9px;
background: #dddddd;
border-radius: 12px;
}
.extend-list li { height: 177px; width: 150px; border: 1px solid #ededed; padding: 0 8px 8px; float: left; overflow: hidden; background: #fff; letter-spacing: normal; word-spacing: normal; margin: 0 26px 26px 0; *margin-right:24px;margin-right: 24px\9; display: inline; position: relative; z-index: 1; cursor:pointer;}
.extend-list li:hover { box-shadow: 0 0 3px #f4f4f4; }
.ext-logo { padding-top: 8px; display: block; /*transition: margin-top .25s cubic-bezier(0.250, 0.460, 0.450, 0.940) .1s; -webkit-transition: margin-top .25s cubic-bezier(0.250, 0.460, 0.450, 0.940) ; -moz-transition: margin-top .2s cubic-bezier(0.250, 0.460, 0.450, 0.940);*/ margin: 0 auto; position: relative; }
.ext-logo img { vertical-align: top; }
.ext-logo span { background: url(http://p3.qhimg.com/d/360browser/20120928/extIcon.png) no-repeat 0 30px; position: absolute; left: -8px; top: 0; width: 30px; height: 30px; }
.ext-logo span.installed {background-position: 0 0;}
.ext-logo span.update { background-position: 0 -30px; }
.extend-list li h1 { height: 29px; line-height: 29px; font-size: 14px; font-weight: 700; border-bottom: 1px solid #f4f4f4; margin: 4px 0 10px; *margin-bottom: 11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.extend-list li p { color: gray; font-family: tahoma; }
.first-info { height: 38px; overflow: hidden; margin-bottom: 6px; line-height: 18px; }
.two-info { line-height: 20px; }
.ext-btn { display: block; background: url(http://p3.qhimg.com/d/360browser/20120928/btn1.png) no-repeat; margin: 5px auto 0; height: 25px; line-height: 25px; text-indent: -1000em; width: 123px; box-shadow: 0 2px 0 #ececec; border-radius: 1px; }
.add-btn:hover{background-position:0 -27px;}
.update-btn{background-position:0 -81px}
.update-btn:hover{background-position:0 -108px}
.installed-btn{background-position:0 -161px;}
.dialog_detail .download-btn{right:50px;}
.dialog_detail .add-btn{background-position:0 0;}
.dialog_detail .add-btn:hover{background-position:0 -39px;}
.dialog_detail .update-btn{background-position:0 -117px}
.dialog_detail .update-btn:hover{background-position:0 -156px}
.dialog_detail .installed-btn{background-position:0 -234px;}
/**/
.tab-cont { padding:20px 0; margin:0 33px;}
/*slide-box*/
.slide-box { width:560px; position:relative; height:350px; overflow:hidden;}
.slide-cont { position:relative; height:350px; width:560px; overflow:hidden;}
.slide-cont p { position:absolute; left:0; top:0; height:350px; width:560px; overflow:hidden;}
.slide-cont p img { height:350px; width:560px;}
.pagination { background:rgba(0,0,0,0.4); height:30px; text-align:center; position:absolute; left:0; bottom:0; width:100%; z-index:5;}
.pagination li { display:inline-block; *display:inline; zoom:1; margin:0 3px;}
.pagination li a { display:block; width:9px; height:9px; line-height:0; text-indent:-1000em; overflow:hidden; background:#fff; border-radius:9px;}
.pagination li.current a { background:#34c61c; }
/**/
.ext-info { width:204px;font-family:tahoma; overflow:auto; height:350px;}
.ext-info h2 { font-size:14px;  color:#4c4c4c; margin-bottom:20px;}
.ext-info h2 span { display:block; font-size:12px; color:#999; font-weight:normal; margin-top:4px;}
.ext-info p { line-height:28px; color:#808080; padding-right:10px;}

.dialog-bg { position:absolute; z-index:1000; left:0; top:0; width:100%; height:100%; background:rgba(225,225,225,0.55);}

